<template>
  <table class="tableCls">
    <tr>
      <td>风险点名称</td>
      <td>风险点等级</td>
      <td>风险点数量</td>
    </tr>
    <tr v-for="(item, index) in tableData" :key="index">
      <td>{{ item.name }}</td>
      <td>{{ item.type }}</td>
      <td>{{ item.num }}</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: 'CenterItem4',
  data() {
    return {
      tableData: [
        { name: '', type: '', num: 100 },
        { name: '', type: '', num: 100 },
        { name: '', type: '', num: 100 },
        { name: '', type: '', num: 100 },
        { name: '', type: '', num: 100 },
        { name: '', type: '', num: 100 }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
.tableCls {
  width: 100%;
  word-break: break-all;
  border: 0px solid rgb(160, 160, 160);
  font: 14px 宋体;
  color: rgb(255, 255, 255);
  tr:nth-child(odd) {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 30px;
    background-image: url('@/assets/website/1224.png');
  }
  tr:nth-child(even) {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 30px;
    background-image: url('@/assets/website/1223.png');
  }
  td {
    font: 12px 宋体;
    text-align: center;
  }
}
</style>
